Produced by Araxis Merge on 2023-11-23 04:31:27 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | /Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme 4.0.6/pub/media/porto/web/css/header | type23.css | 2022-12-02 08:17:42 +0000 |
| 2 | /Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme 4.0.7/pub/media/porto/web/css/header | type23.css | 2022-12-02 08:17:42 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 138 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | .page-header .header-col > *, .page-header.type23 .header-contact > * {margin-left: .875rem;} | 1 | .page-header .header-col > *, .page-header.type23 .header-contact > * {margin-left: .875rem;} | |||
| 2 | .page-header .header-col > *:first-child, .page-header.type23 .header-contact > *:first-child {margin-left: 0;} | 2 | .page-header .header-col > *:first-child, .page-header.type23 .header-contact > *:first-child {margin-left: 0;} | |||
| 3 | .page-header.type23 .header.panel > .header.links > li { letter-spacing: 0; font-weight: 600;text-transform: none;} | 3 | .page-header.type23 .header.panel > .header.links > li { letter-spacing: 0; font-weight: 600;text-transform: none;} | |||
| 4 | .page-header.type23 .header-main .header-left {display: flex;align-items: center;} | 4 | .page-header.type23 .header-main .header-left {display: flex;align-items: center;} | |||
| 5 | .page-header.type23 .header-contact {display: inline-flex;align-items: center;} | 5 | .page-header.type23 .header-contact {display: inline-flex;align-items: center;} | |||
| 6 | .page-header.type23 .header-contact .wishlist {top: 0;position: relative;padding: 0 0.125rem;} | 6 | .page-header.type23 .header-contact .wishlist {top: 0;position: relative;padding: 0 0.125rem;} | |||
| 7 | .page-header.type23 .header-contact .wishlist i {font-size: 28px;display: block;margin: 0;} | 7 | .page-header.type23 .header-contact .wishlist i {font-size: 28px;display: block;margin: 0;} | |||
| 8 | .page-header.type23 .custom-block {display: flex;align-items: center;} | 8 | .page-header.type23 .custom-block {display: flex;align-items: center;} | |||
| 9 | .page-header.type23 .custom-block > * {margin-left: .875rem;} | 9 | .page-header.type23 .custom-block > * {margin-left: .875rem;} | |||
| 10 | .page-header.type23 .custom-block > *:first-child {margin-left: 0;} | 10 | .page-header.type23 .custom-block > *:first-child {margin-left: 0;} | |||
| 11 | .page-header.type23 .main-panel-top .panel.header+.gap {display: none;} | 11 | .page-header.type23 .main-panel-top .panel.header+.gap {display: none;} | |||
| 12 | .page-header.type23 .minicart-wrapper .action.showcart::after {display: none;} | 12 | .page-header.type23 .minicart-wrapper .action.showcart::after {display: none;} | |||
| 13 | .page-header.type23 .minicart-wrapper .action.showcart {min-width: 32px; justify-content: center;} | 13 | .page-header.type23 .minicart-wrapper .action.showcart {min-width: 32px; justify-content: center;} | |||
| 14 | .page-header.type23 .minicart-wrapper .action.showcart .counter.qty {right: -6px;top: 0;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);background-color: #ff5b5b;} | 14 | .page-header.type23 .minicart-wrapper .action.showcart .counter.qty {right: -6px;top: 0;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);background-color: #ff5b5b;} | |||
| 15 | .porto-sicon-box .porto-icon, .porto-sicon-box .img-icon {vertical-align: middle;} | 15 | .porto-sicon-box .porto-icon, .porto-sicon-box .img-icon {vertical-align: middle;} | |||
| 16 | .porto-icon-shopping-cart:before {content: '\e80d';} | 16 | .porto-icon-shopping-cart:before {content: '\e80d';} | |||
| 17 | .minicart-wrapper .action.showcart .minicart-icon {font-size: 28px;padding: 5px 0;} | 17 | .minicart-wrapper .action.showcart .minicart-icon {font-size: 28px;padding: 5px 0;} | |||
| 18 | @media (max-width:991px){ | 18 | @media (max-width:991px){ | |||
| 19 | .page-header.type23 .header-main .header-left {flex: 1;} | 19 | .page-header.type23 .header-main .header-left {flex: 1;} | |||
| 20 | .page-header.type23 .logo {margin-left: 0;} | 20 | .page-header.type23 .logo {margin-left: 0;} | |||
| 21 | .page-header.type23 .search-area {margin-left: auto;width: auto;} | 21 | .page-header.type23 .search-area {margin-left: auto;width: auto;} | |||
| 22 | .page-header.type23 .custom-block {display: none;} | 22 | .page-header.type23 .custom-block {display: none;} | |||
| 23 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > img,.page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > em { | 23 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > img,.page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > em { | |||
| 24 | display: none; | 24 | display: none; | |||
| 25 | } | 25 | } | |||
| 26 | } | 26 | } | |||
| 27 | @media (max-width: 575px) { | 27 | @media (max-width: 575px) { | |||
| 28 | .page-header.type23 .search-area .block.block-search {right: -93px;} | 28 | .page-header.type23 .search-area .block.block-search {right: -93px;} | |||
| 29 | } | 29 | } | |||
| 30 | @media (min-width:992px) { | 30 | @media (min-width:992px) { | |||
| 31 | .page-header.type23 .panel.wrapper {padding: 18px 0;margin-bottom: 0.5rem;} | 31 | .page-header.type23 .panel.wrapper {padding: 18px 0;margin-bottom: 0.5rem;} | |||
| 32 | .page-header.type23 .header-main .header-left, .page-header.type23 .header-main .header-right {padding-top: 0;padding-bottom: 0;} | 32 | .page-header.type23 .header-main .header-left, .page-header.type23 .header-main .header-right {padding-top: 0;padding-bottom: 0;} | |||
| 33 | .page-header.type23 .header-main .header-left {flex: 1;} | 33 | .page-header.type23 .header-main .header-left {flex: 1;} | |||
| 34 | .page-header.type23 .header-main .header-right .separator {margin-left: 2em;margin-right: 1em;} | 34 | .page-header.type23 .header-main .header-right .separator {margin-left: 2em;margin-right: 1em;} | |||
| 35 | .page-header.type23 .logo {margin-left: 0;margin-right: 0.25rem;min-width: 111px;} | 35 | .page-header.type23 .logo {margin-left: 0;margin-right: 0.25rem;min-width: 111px;} | |||
| 36 | .page-header.type23 .search-area .block.block-search {border: none;border-bottom: 1px solid #d8dce1;border-radius: 0;} | 36 | .page-header.type23 .search-area .block.block-search {border: none;border-bottom: 1px solid #d8dce1;border-radius: 0;} | |||
| 37 | .page-header.type23 .block-search input {height: 36px;padding: 0;font-style: italic;font-size: inherit;} | 37 | .page-header.type23 .block-search input {height: 36px;padding: 0;font-style: italic;font-size: inherit;} | |||
| 38 | .page-header.type23 .search-area {width: auto;flex: 1;margin-right: 0.875rem;padding-left: 1.5rem;margin-left: 3rem;} | 38 | .page-header.type23 .search-area {width: auto;flex: 1;margin-right: 0.875rem;padding-left: 1.5rem;margin-left: 3rem;} | |||
| 39 | .page-header.type23 .search-area .minisearch .actions button {width: auto;height: 36px;color:#3d5167;line-height: 36px;font-size: 16px;padding: 0 12px;} | 39 | .page-header.type23 .search-area .minisearch .actions button {width: auto;height: 36px;color:#3d5167;line-height: 36px;font-size: 16px;padding: 0 12px;} | |||
| 40 | .page-header.type23 .search-area .minisearch .actions button::before{padding: 0.5rem 0.4rem;line-height: 1;} | 40 | .page-header.type23 .search-area .minisearch .actions button::before{padding: 0.5rem 0.4rem;line-height: 1;} | |||
| 41 | .page-header.type23 .search-category {right: 53px !important;height: 36px;line-height: 36px;border: none;} | 41 | .page-header.type23 .search-category {right: 53px !important;height: 36px;line-height: 36px;border: none;} | |||
| 42 | .page-header.type23 .search-category:after {line-height: 36px;} | 42 | .page-header.type23 .search-category:after {line-height: 36px;} | |||
| 43 | .page-header.type23 .navigation:not(.side-megamenu) > ul {display: flex;;overflow-x: auto;overflow-y: hidden;margin-bottom: 20px;-webkit-overflow-scrolling: touch;width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;} | 43 | .page-header.type23 .navigation:not(.side-megamenu) > ul {display: flex;;overflow-x: auto;overflow-y: hidden;margin-bottom: 20px;-webkit-overflow-scrolling: touch;width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;} | |||
| 44 | .page-header.type23.sticky-header .navigation:not(.side-megamenu) > ul {margin-bottom: 0;background: #fff;} | 44 | .page-header.type23.sticky-header .navigation:not(.side-megamenu) > ul {margin-bottom: 0;background: #fff;} | |||
| 45 | .page-header.type23.sticky-header .nav-sections {background-color: transparent;box-shadow: none;} | 45 | .page-header.type23.sticky-header .nav-sections {background-color: transparent;box-shadow: none;} | |||
| 46 | .page-header.type23 .nav-sections {padding-top: 1.5rem;} | 46 | .page-header.type23 .nav-sections {padding-top: 1.5rem;} | |||
| 47 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar {height: 8px;} | 47 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar {height: 8px;} | |||
| 48 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-track {background: #f4f4f4;border-radius: 8px;margin: 8px;} | 48 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-track {background: #f4f4f4;border-radius: 8px;margin: 8px;} | |||
| 49 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-thumb {background: #3d5167;border-radius: 8px;} | 49 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-thumb {background: #3d5167;border-radius: 8px;} | |||
| 50 | .page-header.type23 .navigation:not(.side-megamenu) .level0 {width: 8.3333%;flex: 0 0 auto;margin: 0;} | 50 | .page-header.type23 .navigation:not(.side-megamenu) .level0 {width: 8.3333%;flex: 0 0 auto;margin: 0;} | |||
| 51 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top {text-transform: capitalize;height: 100%;width: 100%;text-align: center;display: flex;flex-direction: column;font-family: Lato,sans-serif;font-size: 13px;font-weight: 400;line-height: 20px;letter-spacing: -0.35px;padding: 10px 10px 10px 10px;} | 51 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top {text-transform: capitalize;height: 100%;width: 100%;text-align: center;display: flex;flex-direction: column;font-family: Lato,sans-serif;font-size: 13px;font-weight: 400;line-height: 20px;letter-spacing: -0.35px;padding: 10px 10px 10px 10px;} | |||
| 52 | .page-header.type23 .navigation:not(.side-megamenu) .level0:hover::after {display: none;} | 52 | .page-header.type23 .navigation:not(.side-megamenu) .level0:hover::after {display: none;} | |||
| 53 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > img {border-radius: 50%;margin: 0 0 .5rem;} | 53 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > img {border-radius: 50%;margin: 0 0 .5rem;} | |||
| 54 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > em {margin-bottom: .5rem;width: 100%;background: #3d5167;border-radius: 50%;color: #fff;font-size: 28px;height: 100%;line-height: 3;} | 54 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > em {margin-bottom: .5rem;width: 100%;background: #3d5167;border-radius: 50%;color: #fff;font-size: 28px;height: 100%;line-height: 3;} | |||
| 55 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > em.size-lg {font-size: 2.4em;} | 55 | .page-header.type23 .navigation:not(.side-megamenu) .level0 .level-top > em.size-lg {font-size: 2.4em;} | |||
| 56 | .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a, | 56 | .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a, | |||
| 57 | .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;} | 57 | .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;} | |||
| 58 | } | 58 | } | |||
| 59 | @media (min-width: 992px) and (max-width: 1260px) { | 59 | @media (min-width: 992px) and (max-width: 1260px) { | |||
| 60 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar {height: 10px;} | 60 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar {height: 10px;} | |||
| 61 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-track {background: #323232;border-radius: 10px;margin: 8px;} | 61 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-track {background: #323232;border-radius: 10px;margin: 8px;} | |||
| 62 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-thumb {background: #6c6a6a;border-radius: 10px;} | 62 | .page-header.type23 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-thumb {background: #6c6a6a;border-radius: 10px;} | |||
| 63 | .page-header.type23 .navigation:not(.side-megamenu) .level0 {max-width: 12.5%;flex: 0 0 12.5%;} | 63 | .page-header.type23 .navigation:not(.side-megamenu) .level0 {max-width: 12.5%;flex: 0 0 12.5%;} | |||
| 64 | } | 64 | } | |||
| 65 | @media (min-width: 1280px){ | 65 | @media (min-width: 1280px){ | |||
| 66 | .page-header.type23 .minicart-wrapper { | 66 | .page-header.type23 .minicart-wrapper { | |||
| 67 | margin-left: 1.5rem !important; | 67 | margin-left: 1.5rem !important; | |||
| 68 | } | 68 | } | |||
| 69 | } | 69 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.